<!--
 * @Author: your name
 * @Date: 2021-08-06 16:49:36
 * @LastEditTime: 2021-08-07 17:43:09
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\3-html&css\day05\8-字体.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体</title>
    <link rel="stylesheet" href="../font/myFont2.ttf">
<style>
   
    /* .app {
        font-size: 20px;
        padding: 2em;
    } */
    @font-face {
        font-family: myFont2;
        src: url(../font/myFont2.ttf);
    }
    .app {
        width:50%;
        /* font-size: 20px; */
        padding: 1rem;
        background-color: lightgreen;
        /* 有衬线的字体 */
        font-family: myFont2;
         

    }
    /* .mydiv1 { */
        /* 无衬线的字体 */
        /* font-family: sans-serif; */
        /* 等宽字体 */
        /* font-family: monospace; */
        /* 草书字体 */
        /* font-family: cursive; */
        /* 梦幻装饰 */
        /* font-family: fantasy; */
        /* 微软雅黑 */
        /* font-family: 微软雅黑; */
        /* 宋体 */
        /* font-family: 宋体; */
        /* 字体栈 */
        /* font-family: '宋体','微软雅黑',fantasy,cursive ; */
        /* 斜体 */
        /* font-family: italic; */
        /* 模拟斜体 */
        /* font-family: oblique;
        font-weight: 700; */
        /* 文本大写 */
        /* text-transform: uppercase; */
        /* 文本小写 */
        /* text-transform: lowercase; */
        /* 将所有字的首字母大写 */
        /* text-transform: capitalize; */
        /* 转换于类似于等宽的字体 */
        /* text-transform: full-width;
    }
    .f1 {
           color:lightsalmon;
           text-shadow: lightseagreen;
    } */
</style>
</head>
<body>
<div class="app">
    <!-- mydiv
    <p class="mydiv" id="myduo" >好好学习天天向上</p>
    <br/>
    <p class="mydiv1">day day up</p> -->
    琴棋书画不会，洗衣做饭嫌累
</div>
<div class="f1">good good studying</div>
</body>
</html>